<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图床——学校机构</title>
    <style>
        .images-list{
            display: flex;
            flex-wrap: wrap;
            /*align-items: center;*/
            justify-content: center;
        }
        img{
            width:400px;
            padding: 10px;
            margin: 10px;
            background-color: #ddd;
        }
        h4{
            text-align: center;
        }
    </style>
</head>
<body>
<h1 style="text-align: center;">佛大新生小助手图库——学校机构</h1>
<div id="images" class="images-list">

</div>
<script>
    let imagesList=['jigou\\math.jpg', 'jigou\\qingxie-logo.jpg', 'jigou\\shelian-logo.jpg', 'jigou\\xiaohui-logo.jpg', 'jigou\\xiaotuanwei-logo.jpg', 'jigou\\xuefu-logo.png', 'jigou\\yanglitu.png', 'jigou\\yanjiu-logo.jpg'];
    for(let i=0;i<imagesList.length;i++) {
        document.getElementById("images").insertAdjacentHTML('beforeend', '<div><h4>'+(i+1)+'、'+imagesList[i]+'</h4><img src="'+imagesList[i]+'"></div>');
    }
</script>
</body>
</html>
